.inventory-manage {
  &__body {
    background-color: #f8f8f8;
    height: calc(100vh - 136px * 2);
    padding: calc(16px);
    box-sizing: border-box;

    .list-item {
      position: relative;
      &--style {
        padding: calc(16px * 2);
        border-radius: calc(8px * 2);
        background-color: #fff;
        font-size: calc(12px * 2);
        margin-bottom: calc(8px * 2);
      }
      &__title {
        position: relative;
        margin-bottom: calc(8px * 2);
        overflow: hidden;
        line-height: initial;
        &__icon {
          float: left;
          width: calc(16px * 2);
          height: calc(16px * 2);
          margin-right: calc(8px * 2);
        }
        &__text {
          float: left;
          font-weight: 700;
          font-size: calc(15px * 2);
        }
        &__tag {
          float: right;
          height: calc(18px * 2);
          padding: 0 calc(5px * 2);
          border-radius: calc(2px * 2);
          &.pass {
            background: rgba(48, 145, 242, .1);
            span {
              color: #1783f1;
            }
          }
          &.no-pass {
            background: rgba(254, 182, 111, .1);
            span {
              color: #FE8A17;
            }
          }
        }
      }
      &__info {
        color: #999;
        &__text {
          margin-bottom: calc(4px * 2);
        }
      }
      &__arrow {
        position: absolute;
        top: 50%;
        right: calc(16px * 2);
        transform: translateY(-50%);
        width: calc(6px * 2);
        height: calc(10px * 2);
      }
    }
  }
}
